<template>
  <div class="home">
   <b-header class="bheader">

   </b-header>

    <left class="bleft">

    </left>

    <b-body class="bbody">


    </b-body>


  </div>
</template>

<script lang="ts">
import {defineComponent} from 'vue';
import Left from "@/components/Left.vue";
import BHeader from "@/components/Header.vue"
import BBody from "@/components/Body.vue"



export default defineComponent({
  name: 'Home',
  components: {
    Left,
    BHeader,
    BBody
  },
});
</script>

<style lang="scss" scoped>
.home {
  height: 100vh;
  .bheader{
    margin-bottom: 10px;

  }


  .bleft {
    width: 20vw;
    float: left;
    height: 100%;

  }
  .bbody{
    width: 80vw;
    background-color: lightgrey;
    height: 100%;

  }

}


</style>
